<template>
    <div>
        <el-menu :data="list" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                <el-menu-item 
                v-for="item in list" 
                :key = "item.id"
                :index="item.id">{{ item.label }}</el-menu-item>
        </el-menu>
        <div class="line"></div>
    </div>
</template>

<script>
export default {
    name: 'UserDataB',
    components:{},
    data() {
        return {
            activeIndex: '1',
            list:[
                {id:'1',label:'做B站号'},
                {id:'2',label:'快速找号'},
                {id:'3',label:'内容创作'},
                {id:'4',label:'账号运营'},
                {id:'5',label:'涨粉'},
                {id:'6',label:'恰饭'},
            ]
        };
    },
    methods: {
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
        }
    }
};
</script>

<style scoped lang='less'></style>